<%--
  Created by IntelliJ IDEA.
  User: Echo
  Date: 2022/3/12
  Time: 14:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title></title>
    <style>

        .button {
            background-color:#555555;/* 绿色 */
            border: none;
            color: white;
            padding: 10px 30px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: pointer;
        }
        #myDIV {
            width: 300px;
            height: 200px;
            border: 1px solid black;
            -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
            animation: mymove 5s infinite;
        }

        /* Chrome, Safari, Opera */
        @-webkit-keyframes mymove {
            50% {border: 15px solid lightblue;}
        }

        /* Standard syntax */
        @keyframes mymove {
            50% {border: 15px solid lightblue;}
        }
        ul.pagination {
            display: inline-block;
            padding: 0;
            margin: 0;
        }

        ul.pagination li {display: inline;}

        ul.pagination li a {
            color: black;
            float: left;
            padding: 8px 16px;
            text-decoration: none;
            border-radius: 5px;
        }

        ul.pagination li a.active {
            background-color: #4CAF50;
            color: white;
            border-radius: 5px;
        }

        ul.pagination li a:hover:not(.active) {background-color: #ddd;}
    </style>
    <script>

    </script>
</head>
<body background="1.jpg">
<div id="myDIV" style="text-align: center">
<form>
  <input name="name" placeholder="学生名字">
  <br><br>
  <input name="tel" placeholder="电话号码">
    <br><br>
   <td><select name="Status">
    <option value="A">在籍</option>
    <option value="L">不在籍</option>
</select></td>
    <br><br>
    <button class="button">update</button>

</form>
</div>
<ul class="pagination">
    <li><a href="#">«</a></li>
    <li><a class="active" href="#">1</a></li>
    <li><a  href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">»</a></li>
</ul>
</body>
</html>
